import { Component, PropsWithChildren } from 'react'
import { View, Text, Image } from '@tarojs/components'
import { AtList, AtListItem, AtIcon } from "taro-ui"
import './index.scss'
import lou from '../../picture/loujing.png'
import Taro from '@tarojs/taro'

export default class Index extends Component<PropsWithChildren> {

  componentWillMount() { }

  componentDidMount() { }

  componentWillUnmount() { }

  componentDidShow() { }

  componentDidHide() { }
  onClick() {
    Taro.navigateTo({
      url: '/pages/MorePages/index'
    })
  }
  onClick1() {
    Taro.switchTab({
      url: '/pages/index/index'
    })
  }
  render() {
    return (
      <View className='index'>
        <View className='nav-bar-box'>
          <View className='status-bar'></View>
          <View className='title-bar'>
            <View className='icons'>
              <AtIcon onClick={this.onClick.bind(this)} className='icon' value='chevron-left' size='24' color='#fff'></AtIcon>
              <View>|</View>
              <AtIcon onClick={this.onClick1.bind(this)} className='icon' value='home' size='24' color='#fff'></AtIcon>
            </View>
            <Text className='tit'>详情</Text>
          </View>
        </View>
        <View className='msg'>
          <View className='title'>新城十里金樾: 15#高层14#洋房在售</View>
          <View className='guo'>2021-04-29宿迁房产网 来源: 宿迁房产网原创</View>
          <View className='guo'>楼盘动态</View>
          <View className='title1'>2021年4月29日,<Text>宿迁房产网</Text>讯: 新城<Text>十里金越</Text>
          位于开发区, 目前在售15#高层, 金剩一楼二楼房源, 建面约110-127m², 备案均价8379元/平; 今日加推14#洋房, 
          建面约127m², 洋房44套, 备案均价9255元/平。6#高层加推事件待定, 以上信息仅供参考, 详情请致电售楼处。
          </View>
          <View className='des'>
            1、宿迁房产网作为平台, 旨在为满足广大用户的信息需求而提供, 并非商业性或盈利性用途; 页面内容如有侵权或
            原作者不愿刊登, 请及时通知本站予以删除。2、本页所载内容不代表宿迁房产网观点和立场, 仅供参考和借鉴。3、
            除此以外, 将本站任何内容或服务用于其他用途时, 须征得本网或相关权利人许可, 否则本站依法保留追究权。
          </View>
          <View className='imgList'>
            <Image src={lou} />
            <View className='name'>
              宿迁市富康大道与金坛路交汇处
              <Text>8379元/m²</Text>
            </View>
          </View>
          <Image className='img1' src={lou} />
          <View className='more'>
            更多好文
          </View>
          <View className='con1'>
            <View className='desc'>
              <View className='tit'>中南紫云集: 1#3#高层在售</View>
              <View className='tag'>中南·紫云集 15小时前</View>
            </View>
            <Image src='https://img1.baidu.com/it/u=1993417918,2447354163&fm=253&fmt=auto&app=120&f=JPEG?w=641&h=394'></Image>
          </View>
          <View className='con1'>
            <View className='desc'>
              <View className='tit'>绿地城际空间站: 22号商品已推出</View>
            </View>
            <Image src='https://img0.baidu.com/it/u=1649151030,2162866999&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500'></Image>
          </View>
        </View>
      </View >
    )
  }
}
